<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>List Supermarket</title>
    <meta name="description" content="List Supermarket" />
    <link rel="shortcut icon" href="imagenes/favicon.png"> 

    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/visualize.css" />
    <link rel="stylesheet" href="css/datatables.css" />
    <link rel="stylesheet" href="css/buttons.css" />
    <link rel="stylesheet" href="css/checkboxes.css" />
    <link rel="stylesheet" href="css/inputtags.css" />
    <link rel="stylesheet" href="css/main.css" />
    
    <!--[if lt IE 9]>
    <link rel="stylesheet" href="/admincp/css/ie.css" />
    <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    
    <!-- JavaScript -->
    <script src="js/excanvas.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/jquery.livesearch.js"></script>
    <script src="js/jquery.visualize.js"></script>
    <script src="js/jquery.datatables.js"></script>
    <script src="js/jquery.placeholder.js"></script>
    <script src="js/jquery.selectskin.js"></script>
    <script src="js/jquery.checkboxes.js"></script>
    <script src="js/jquery.validate.js"></script>
    <script src="js/jquery.inputtags.js"></script>
    <script src="js/notifications.js"></script>
    <script src="js/application.js"></script>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-11172759-12']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
  </head>

  <body>
    <div id="gradient">
      <div id="stars">
        <div id="container">
        
          <header>
          
            <!-- Logo -->
            <h1 id="logo">List Supermarket</h1>
          
            <!-- Info Usuario -->
            <div id="userinfo">
              <img src="imagenes/avatar.png" alt="Usuario" />
              <div class="intro">
                Bienvenido Usuario<br />
                <a href="login.jsp">Cerrar Sesión</a>
              </div>
            </div>
          
          </header>
        
          <!-- The application "window" -->
          <div id="application">
          
            <!-- Primary navigation -->
            <nav id="primary">
              <ul>
                <li>
                  <a href="dashboard.jsp">
                    <span class="icon dashboard"></span>
                    Dashboard
                  </a>
                </li>
                
                <li class="current" >
                  <a href="usuario.jsp">
                    <span class="icon pencil"></span>
                    Usuarios
                  </a>
                </li> 
                              
                <li>
                  <a href="supermercado.jsp">
                    <span class="icon modal"></span>
                    Supermercados
                  </a>
                </li>
                
                <li >
                  <a href="tabla_usuarios.jsp">
                    <span class="icon tables"></span>
                    Tabla de Usuarios
                  </a>
                </li>
		            
              </ul>
            
            </nav>
          
            <!-- Secondary navigation -->
            <nav id="secondary">
              <ul>
                <li class="current"><a href="#">Modificar Usuario</a></li>
              </ul>
            </nav>
          
            <!-- The content -->
            <section id="content">
<h2>Modificando Usuario</h2>

<form class="wymupdate">

  <div class="column left">
    <section>
      <label for="nom_user">Nombre*</label>
      <div>
        <input id="nom_user" name="nom_user" type="text" class="required" />
      </div>
    </section>
    
    <section>
      <label for="ape_pat_user">Apellido paterno*</label>
      <div>
        <input id="ape_pat_user" name="ape_pat_user" type="text" class="required" />
      </div>
    </section>
    
    <section>
      <label for="ape_mat_user">Apellido materno*</label>
      <div>
        <input id="ape_mat_user" name="ape_mat_user" type="text" class="required" />
      </div>
    </section>
           
    <section>
      <label>Estado*</label>
      <div>
        <div class="column left">
          <input type="radio" name="radio" id="button1" />
          <label for="button1">Habilitado</label>
        </div>

        <div class="column right">
          <input type="radio" name="radio" id="button4" />
          <label for="button4">Deshabilitado</label>
        </div>

        <div class="clear"></div>
      </div>
    </section>
    
    
  </div>

  <div class="column right">
	<section>
      <label for="mail_user">Email*</label>
      <div>
        <input id="mail_user" name="mail_user" type="text" class="required" />
      </div>
    </section>
    
    <section>
      <label for="pass_user">Contraseña*</label>
      <div>
        <input id="pass_user" name="pass_user" type="text" class="required" />
      </div>
    </section>

    <section>
      <label for="categoria_prod">Supermercado*</label>
      <div>
        <select>
          <option>Supermercado 1</option>
          <option>Supermercado 2</option>
          <option>Supermercado 3</option>
        </select>
      </div>
    </section> 
    
    <section>
      <label for="rango_user">Tipo de usuario*</label>
      <div>
        <select>
          <option>superusuario </option>
          <option>administrador supermercado</option>
          <option>usuario</option>
          
        </select>
      </div>
    </section>  
  </div>

  <div class="clear"></div>

  <br /><br />

  <p>
    <input type="submit" class="button primary submit" value="Guardar" />
  </p>

</form>

            </section>
          </div>
        
          <footer id="copyright">Desarrollado por SomosPunto. © 2012.</footer>
        </div>
      </div>
    </div>

  </body>
</html>